<!DOCTYPE html>
<html>
    <head>
        <title>IBM AIOps Insights Status</title>
        <link rel="icon" type="image/x-icon" href="/images/favicon.ico" sizes="16x16">
        <link rel="stylesheet" href="status.css">
    </head>
    <body>
        <div class="header">
            <div class="header-company-name">
                IBM 
            </div>
            <div class="header-product-name">
                AIOps Insights Status
            </div>
        </div>
        <div class="title">
            <div class="title-text">
                Health status
            </div>
        </div>
        <div class="status">
            <div>
                System status
            </div>
            <div class="status-text">
                <!-- Insert status here (i.e. Operational) -->
            </div>
        </div>
        <div class="upcoming-maintenance">
            <div>
                Upcoming scheduled maintenance
            </div>
            <div class="upcoming-maintenance-text">
                <!-- Insert upcoming maintenance here (i.e. 3/27/2023 4:00 PM - 7:00 PM) -->
            </div>
        </div>
    </body>
</html>
